.cart {
  .showUserInfo {
    height: 100rpx;
    border-bottom: 1px solid #ccc;
    padding: 10rpx 20rpx;

    .userName {
      display: flex;
      justify-content: space-between;
    }
  }

  .cart_items {
    .title {
      height: 80rpx;
      border-bottom: 1px solid #ccc;
      line-height: 80rpx;
      font-size: 35rpx;
      padding-left: 15rpx;
    }

    .nocart_icon {
      width: 100%;
    }

    .cart_lis {
      display: flex;
      height: 200rpx;
      border-bottom: 1px solid #ccc;

      .list_left {
        flex: 2;
        display: flex;
        justify-content: space-between;
        padding: 0 20rpx;
        align-items: center;

        image {
          width: 70%;
        }
      }

      .right_detail {
        flex: 3;
        display: flex;
        flex-direction: column;
        padding: 15rpx;

        .goods_name {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          color: #999;

        }

        .addBtn {
          display: flex;
          justify-content: space-between;
          padding-top: 38rpx;

          .goods_price {
            color: var(--themeColor);
            font-size: 40rpx;
          }

          .cart_btn_tools {
            display: flex;
            align-items: center;

            .btn {
              height: 50rpx;
              width: 50rpx;
              line-height: 50rpx;
              text-align: center;
              border: 1px solid #ccc;
            }

            .input_value {
              padding: 0 20rpx;

            }
          }
        }
      }
    }
  }

  .footer_settlement {
    height: 100rpx;
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;

    .all_chooses {
      flex: 1;
      position: relative;

      .total {
        position: absolute;
        right: 0;
      }

    }

    .settlement {
      flex: 1;
      display: flex;

      .run {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-left: 20rpx;


        .total_price {
          color: var(--themeColor);
          font-size: 30rpx;
          padding-bottom: 5rpx;
        }
      }

      .totalBtn {
        flex: 1;
        background-color: red;
        color: #fff;
        text-align: center;
        line-height: 100rpx;
        font-size: 36rpx;
      }
    }
  }
}